<!DOCTYPE HTML>
<html>
  <head>
    <title>Share a happy thought</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <script src="http://js.pusherapp.com/1.9/pusher.js"></script>
    <script src="js/jquery-1.6.2.min.js"></script>
    <script src="js/websockets.js"></script>
    
    <meta property="fb:app_id" content="139618492718072"> 
    <meta property="og:title" content="Share a happy thought"> 
    <meta property="og:type" content="website"> 
    <meta property="og:site_name" content="Share a happy thought"> 
    <meta property="og:url" content="http://mi-linux.wlv.ac.uk/~in9352/websockets/"> 
    <meta property="og:image" content="http://mi-linux.wlv.ac.uk/~in9352/websockets/images/happy-thought.png"> 
    <meta property="og:description" content="Share a happy thought - An idea, a saying, a funny quote, a link... anything!">     
    
    <script type="text/javascript">
    
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-3222483-2']);
      _gaq.push(['_trackPageview']);
    
      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();
    
    </script>    
    
  </head>
  <body>
    <header>
      <h1>Share a happy thought ?!</h1>
      <p>An idea, a saying, a funny quote, a link... anything!!!!!!!</p>
    </header>
    <section id="new-message">
      <form>
        <input type="text" id="yourname" placeholder="Your name">
        <input type="text" id="yourmessage" placeholder="Your happy thought">
        <input type="button" id="postit" value="Post">
        <span id="debugmessage"></span>
      </form>
    </section>
    <section id="messages" aria-live="polite"></section>
    <footer>
      Powered by 
      <a href="http://www.html5rocks.com/en/">HTML5</a>, 
      <a href="http://dev.w3.org/html5/websockets/">Web Sockets</a>, 
      <a href="http://pusher.com/">Pusher</a>, 
      <a href="http://jquery.com/">JQuery</a> and 
      <a href="http://www.css3.info/">CSS3</a>. 
      Copyright 2011 by <a href="mailto:alix.bergeret@wlv.ac.uk">Alix Bergeret</a>. All Rights Reserved.
    </footer>
  </body>
</html>
